<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_614248_stvd9yjnao9wwmi.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
	</head>

	<body>
		<div class="indexM">
			<!--头部-->
			<header>
				<div class="nav"><i class="iconfont icon-caidan"></i></div>
				<div class="search"><input type="search" />
					<i class="iconfont icon-fangdajing">搜索</i>
				</div>
			</header>
			<section>
				<!--轮播图-->

				<div class="swiper-container kv">
					<!--图片区-->
					<ul class="swiper-wrapper lunbo">
						<li class="swiper-slide">
							<a href=""><img src="../img/lunbotu.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href=""><img src="../img/lunbotu.jpg" /></a>

						</li>
					</ul>
					<div class="swiper-pagination"></div>
				</div>
				<!--产品列表-->
				<div class="goodList">
					<div class="goods">
						<div class="goodsImg">
							<a href=""><img src="../img/7.jpg" /></a>
						</div>
						<a class="goodsBtn"> 吊坠系列</a>
					</div>
				</div>
				<div class="goodList">
					<div class="goods">
						<div class="goodsImg">
							<a href=""><img src="../img/2.png" /></a>
						</div>
						<a href="goodsList.html" class="goodsBtn"> 戒指系列</a>
					</div>
				</div>
				<div class="goodList">
					<div class="goods">
						<div class="goodsImg">
							<a href=""><img src="../img/3.png" /></a>
						</div>
						<a class="goodsBtn"> 耳环系列</a>
					</div>
				</div>
			</section>
			<footer>
				<div class="shouye">
					<a href="index.html"><img src="../img/shouye.png" />
					<p>首页</p></a>
				</div>
				<div class="bang">
					<a href="joinHelp.html"><img src="../img/bang.png" />
					<p>帮购</p></a>
				</div>
				<div class="gouwuche">
					<a href="Shopping-Car.html"><img src="../img/gouwuche.png" />
					<p>购物车</p></a>
				</div>
				<div class="geren">
					<a href="personal.html"><img src="../img/geren.png" /></a>
					<a href="personal.html">
						<p>个人中心</p>
					</a>
				</div>
			</footer>
		</div>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
//				slidesPerView: 1,
				/*显示几个内容*/
//				spaceBetween: 33,
//				/*内容之间的间距*/
				loop: true,
				/*轮播*/
				autoplay: true,
				/*自动轮播*/
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				},
			});
		</script>
	</body>

</html>